<?xml version="1.0" encoding="UTF-8" ?>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>班级教学质量评估</title>

    <!-- Bootstrap -->
    <link href="${pageContext.request.contextPath}/portal/project/classquestionnaire/bp/css/bootstrap.min.css" rel="stylesheet">
	<link href="${pageContext.request.contextPath}/portal/project/classquestionnaire/css/style.css" rel="stylesheet">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="js/html5shiv.min.js"></script>
      <script src="js/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>
  <!--app content-->
  <div class="loginAreaBg"  id="an1">
  		<form method="post" action="${pageContext.request.contextPath}/module/userquestionnaire/userLogin.do" onsubmit="return check()">
		<input type="hidden" name="searchClassId" value="${searchClassId }">
		<div class="formArea" >
			<div class="form-group">
				<input style="width: 87%;" id="text1" type="text" style="hover{background-color:none}" class="form-control inputText"  placeholder="请输入学员账号或手机号" name="searchUserLoginId" >
			</div>
		<input width="100%" type="image" name="imageField" src="${pageContext.request.contextPath}/portal/project/classquestionnaire/images/loginBtn.png" class="loginBtn">
		</div>
		</form>
  <img width="100%" src="${pageContext.request.contextPath}/portal/project/classquestionnaire/images/loginAreaBg.png" class="img-responsive">
  </div>
  	<div class="loginBg">

		<img width="100%" src="${pageContext.request.contextPath}/portal/project/classquestionnaire/images/appIndexBg.jpg" class="img-responsive">
	</div>
  <!--app content end--> 

    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script type="text/javascript" src="${pageContext.request.contextPath}/portal/project/classquestionnaire/js/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script type="text/javascript" src="${pageContext.request.contextPath}/portal/project/classquestionnaire/bp/js/bootstrap.min.js"></script>
    <script>
    	if("${error}"!=null&&"${error}".length!=0){
    		alert("${error}");
    	}
    	function IsPC(){    
    		     var userAgentInfo = navigator.userAgent;  
    		     var Agents = new Array("Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod");    
    		     var flag = true;    
    		     for (var v = 0; v < Agents.length; v++) {    
    		        if (userAgentInfo.indexOf(Agents[v]) > 0) { flag = false; break; }    
    		     }    
    		     return flag;    
    		  }  

    	$(document).ready(function(){  
    		if(IsPC()){
	    		var btmHeight=$("#an1").height()*0.15;
	    		if(btmHeight!=0){
	    			$("#text1").height(btmHeight);
	    		}
	    	}
    		}); 
    	
    	function check(){
    		var name = document.getElementsByName("searchUserLoginId")[0].value;
    		if(!name){
    			alert("请输入学员编号");
    			return false;
    		}
    	}
    </script>
  </body>
</html>